<!DOCTYPE html>
<html lang="ch">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页进阶</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <div class="header">
            <h1>Cemal Can Dince</h1>
            <p>owner/designer/creator</p>
            <a href="#">Contact Me</a><br>
            <div class="img">
                <IMG src="https://via.placeholder.com/20">
                <IMG src="https://via.placeholder.com/20">
                <IMG src="https://via.placeholder.com/20">
                <IMG src="https://via.placeholder.com/20">
            </div>
        </div>
        <div class="footer">

            <div class="onelist">
                <div class="one">
                    <IMG src="https://via.placeholder.com/300x350">
                    <p>很多时候，故事从随便一个日子里开始，又在随便一个日子里下落不明。虽然，我们总是希望留下些什么..... 还好，我们找到了很多方法和手段，记录下来了影像，记录下来了声音。 这些被记录下来的，永远指向着过去，声音也是。
                    </p>
                </div>
                <div class="two">
                    <IMG src="https://via.placeholder.com/300x350">
                    <p>
                        即使是一刹那，我们能够感知到的声响，也已经是发生过的了。就如同它来的匆忙，声音的离去也如白驹过隙，如时间的流逝、水纹的消散。人们记录下来的声音，始终是对逝去声音的模拟和还原。 无论怎样，我们用心，捕捉到了它的意义。
                    </p>
                </div>
            </div>
            <div class="twolist">
                <div class="three">
                    <p>唱片缓慢的转起来的时候，一切都变了..... 照进房间的阳光好像回到了唱片出来的那个年代，周边的一切也变的暗了下来，足以让人安静下来，仔仔细细的捕捉唱针和唱片之间的极其细微的摩擦。这份安静，让那个永远指向过去的声音，带我们重新走回过去，这样的一次貌似漫不经心的回忆，也许恰恰来自某种处心积虑。</p>
                    <br>
                    <p>唱片缓慢的转起来的时候，一切都变了..... 照进房间的阳光好像回到了唱片出来的那个年代，周边的一切也变的暗了下来，足以让人安静下来，仔仔细细的捕捉唱针和唱片之间的极其细微的摩擦。这份安静，让那个永远指向过去的声音，带我们重新走回过去，这样的一次貌似漫不经心的回忆，也许恰恰来自某种处心积虑。</p>
                </div>
                <div class="four">
                    <div class="big">
                        <IMG src="https://via.placeholder.com/260x350">
                    </div>
                    <div class="somll">

                        <IMG class="sone" src="https://via.placeholder.com/120x110">


                        <IMG class="stwo" src="https://via.placeholder.com/120x110">

                    </div>

                </div>
            </div>
        </div>


    </div>
    </div>
</body>

</html>